<template>
	<div>
		<ul>
			<li v-for="(item,index) in list" :key="item.id">
				<NuxtLink :to="`/photos/id=${item.id}`">{{ item.title }}</NuxtLink>
			</li>
		</ul>
		<NuxtPage />
	</div>
</template>

<script setup lang="ts">
	const list = [
		{ id: 1, title: "我的博客导航栏在这里" },
		{ id: 2, title: "解自定义布局的实际效果。" },
		{ id: 3, title: "但应该将它看作是一个 页面" },
		{ id: 4, title: "为错误页面指定自定义的布局" },
	]
</script>

<style scoped>

</style>